
.v-user-userHomeList{
  padding: 10px;
 
  
  .body-background-div{ 
    background-color: #f6f6fb;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .am-list-body{
    background: none;
  }
  .am-button-primary{
    border-radius: 30px;
  }
  .h-item{
    border-radius: 20px;
  }
  .search-count{
    color:#108ee9;
    font-weight:bold;
    font-size:0.3rem !important;
    margin-right: 0.05rem;
    margin-left: 0.05rem;

  }
  .bt-isbind{
    //background: #66cccc !important;
    background: #999999 !important;
    border: none !important;
  }
  .am-list-item .am-list-thumb:first-child{
    margin-right: 0.15rem !important;
  }
  .am-list-item .am-list-line .am-list-extra{
    -webkit-flex-basis: 29%;
    flex-basis: 29%;
  }
  .am-list-line{
    border-bottom: none !important;
  }
  .userList-row{
    box-shadow: #ccc 0.01rem 0.01rem 0.1rem 0.01rem;//边框阴影
    border-radius: 0.15rem;
  }
  .test-color{
    text-align: center;
    font-size: 14px;
    color: #bbb;
    margin-top: 20px;
  }

  .my-drawer {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .my-drawer .am-drawer-sidebar {
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }


  .my_masker{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    background-color: #cccccc;
    opacity: .6;
    height: 100vh;
    
  }
  .masker_content{
    width: 300px;
    height: 100vh;
    background-color: #ffffff;
    position: fixed;
    border-radius: 12px 0 0 12px;
    right: 0;
    top:0;
    z-index: 901;
   

    .scroll{
      width: 300px;
      height: calc( 100vh - 70px) ;
      background-color: #ffffff;
      border-radius: 12px 0 0 12px;
      position: relative;
      overflow-y: auto;
      padding-top: 25px;
      padding-bottom: 15px;
      box-sizing: border-box;

      
      .masker_item{
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
       
        .title{
          font-size: 14px;
          font-weight: 700;
          color: black;
          margin-bottom: 10px;
        }
        .tagBox{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          .am-list-item .am-input-control{
            border: 1px solid #108ee9;
            border-radius: 6px;
          }
          .am-list-item .am-input-control input{
            text-align: center;
            font-size: 12px;
            height: 28px;
            color: #108ee9;
          }
          .am-list-item .am-list-line .am-list-extra{
            color: #108ee9;
            text-align: center;
            flex-basis: 100%;
            font-size: 12px;
            border: 1px solid #108ee9;
            border-radius: 6px;
            padding-top: 5px;
            padding-bottom: 5px;
            // padding-left: 10px;
            // padding-right: 10px;
          }
          .am-list-item .am-list-line .am-list-arrow-horizontal{
            display: none;
          }
         
          .tag{
            padding-left: 16px;
            padding-right: 16px;
            text-align: center;
            font-size: 12px;
            line-height: 30px;
            height:30px;
            background-color:#f3f3f3;
            border: 1px solid #f3f3f3;
            margin-bottom: 6px;
            margin-right: 6px;
            border-radius: 6px;
          }
          .active{
            padding-left: 16px;
            padding-right: 16px;
            text-align: center;
            font-size: 12px;
            line-height: 30px;
            height:30px;
            background-color:#ffffff;
            margin-bottom: 6px;
            border: 1px solid #108ee9;
            color: #108ee9;
            margin-right: 6px;
            border-radius: 6px;
          }
        }
      }
      
    }
    
    .masker_btn{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      padding-top: 18px;
      padding-left: 20px;
      padding-right: 20px;
      
    }
   
  }
 
}

#root .v-user-search .am-list-line::after {
  height: 0;
}

//.am-list-item .am-list-line .am-list-extra{
//  -webkit-flex-basis:0;
//  flex-basis:0;
//}